<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="x-ua-compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">

        <title>管理员操作</title>

        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/common.css">

        <script src="js/jquery-3.2.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <!--导入布局js，共享header和footer-->
        <script type="text/javascript" src="js/include.js"></script>
    </head>
    <body>
        <!--        1.页眉-->
        <!--引入头部-->
        <div id="header"></div>

        <!--        2.主体-->
        <div class="container">
            <h3 style="text-align: center">用户列表</h3>
            <div style="float: left; margin: 10px;">

                <form class="form-inline">
                    <div class="form-group">
                        <label for="exampleInputName2">用户名</label> <input type="text"
                                                                         name="username" value="" class="form-control"
                                                                         id="exampleInputName2" placeholder="支持模糊查询">
                    </div>
                    <button type="submit" class="btn btn-default" >查询</button>
                </form>
            </div>

            <table border="1" class="table table-bordered table-hover">
                <tr class="success">

                    <th>用户ID</th>
                    <th>用户名</th>
                    <th>真实姓名</th>
                    <th>生日</th>
                    <th>性别</th>
                    <th>手机号码</th>
                    <th>邮箱</th>
                    <th>操作</th>
                </tr>

                <tr>

                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                    <td>7</td>
                    <td><a class="btn btn-default btn-sm"
                           href="">修改</a>&nbsp;
                        <a class="btn btn-default btn-sm">删除</a></td>
                </tr>
            </table>

        </div>
        <!--        3.页脚-->

        <script src="js/buttonclass.js"></script>
        <!--导入底部-->
        <div id="footer"></div>

    </body>
</html>